<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 vector-feature-night-mode-enabled skin-theme-clientpref-os vector-sticky-header-enabled" lang="fr" dir="ltr"><head>
<meta charset="UTF-8">
<title>Indexed Database API</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://fr.wikipedia.org/wiki/Indexed_Database_API"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Indexed_Database_API rootpage-Indexed_Database_API skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Indexed Database API</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="fr" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><p><b>Indexed Database API</b> ou <b>IndexedDB</b> est une proposition de standard du <a href="W3C" class="mw-redirect" title="W3C">W3C</a> pour une <a href="Base_de_donn%C3%A9es" title="Base de données">base de données</a> locale embarquée dans le <a href="Navigateur_web" title="Navigateur web">navigateur</a>. Il s'agit d'une interface de programmation en <a href="JavaScript" title="JavaScript">JavaScript</a> (API) fournie par les navigateurs web permettant de gérer une base de données <a href="NoSQL" title="NoSQL">NoSQL</a> d'<a href="Objet_(informatique)" title="Objet (informatique)">objets</a>.
</p><p>Contrairement au <a href="Stockage_web_local" title="Stockage web local">Stockage web local</a> ou Web Storage (localStorage et sessionStorage), qui impose des limites fixes par site web, IndexedDB offre une capacité de stockage plus importante, avec des limites qui sont souvent très élevées, voire inexistantes selon le navigateur.
</p>
<div class="mw-heading mw-heading2"><h2 id="Fonctionnement">Fonctionnement</h2></div>
<p>Cette base de données est organisée comme une collection d'objets insérés dans la base en utilisant une syntaxe <a href="JSON" class="mw-redirect" title="JSON">JSON</a>, de manière similaire à des bases <a href="NoSQL" title="NoSQL">NoSQL</a> comme <a href="MongoDB" title="MongoDB">MongoDB</a> ou <a href="CouchDB" title="CouchDB">CouchDB</a>. Chaque objet est identifié par une clé générée au moment de l'insertion. Un système d'indexation permet ensuite d'optimiser l'accès aux objets.
</p>
<div class="mw-heading mw-heading2"><h2 id="Utilité"><span id="Utilit.C3.A9"></span>Utilité</h2></div>
<p>IndexedDB est conçu afin de permettre de stocker une grande quantité de données et d'y accéder de manière rapide, grâce à l'indexation.
</p>
<ul><li>Mise en cache des données des applications web pour une utilisation hors ligne.</li>
<li>Stockage de données pour certains modules du navigateur, comme les outils de développement (<a href="https://en.wikipedia.org/wiki/Web_development_tools" class="extiw external" title="en:Web development tools">DevTools</a>) ou les extensions.</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Performance">Performance</h2></div>
<p>Étant donné qu’IndexedDB fonctionne à l’intérieur du sandbox de sécurité du navigateur, toutes les opérations doivent passer par plusieurs couches de sécurité, ce qui réduit ses performances<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>.
</p><p>Avec IndexedDB 2.0, la méthode <code>getAll()</code> a été introduite, permettant d'améliorer les performances lors des lectures en masse.
</p>
<div class="mw-heading mw-heading2"><h2 id="Support_par_les_navigateurs">Support par les navigateurs</h2></div>
<p>Fin 2013, les navigateurs proposant le support d'IndexedDB sont <a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a> (depuis la version 10), <a href="Firefox" class="mw-redirect" title="Firefox">Firefox</a> (depuis la version 10), <a href="Chrome" title="Chrome">Chrome</a> (depuis la version 23), <a href="Safari_(logiciel)" class="mw-redirect" title="Safari (logiciel)">Safari</a> (depuis la version 7.1), Safari pour <a href="IOS_(Apple)" class="mw-redirect" title="IOS (Apple)">iOS</a> (depuis iOS 8), <a href="Opera" title="Opera">Opera</a> (depuis la version 15), <a href="Opera_Mobile" title="Opera Mobile">Opera Mobile</a> (depuis la version 16), Chrome pour <a href="Android" title="Android">Android</a> (depuis la version 29), Firefox pour Android (depuis la version 24) et <a href="Internet_Explorer_Mobile" title="Internet Explorer Mobile">Internet Explorer Mobile</a> (depuis la version 10).
</p>
<div class="mw-heading mw-heading2"><h2 id="Références"><span id="R.C3.A9f.C3.A9rences"></span>Références</h2></div>
<div class="references-small decimal" style=""><div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a> </span><span class="reference-text"><span class="ouvrage" id="2018"><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> « <a rel="nofollow" class="external text" href="https://www.w3.org/news/2018/indexed-database-api-2-0-is-now-a-w3c-recommendation/"><cite style="font-style:normal;" lang="en">Indexed Database API 2.0 is now a W3C Recommendation</cite></a> », sur <span class="italique">W3C</span>, <time class="nowrap" datetime="2018-01-30" data-sort-value="2018-01-30">30 janvier 2018</time> <small style="line-height:1em;">(consulté le <time class="nowrap" datetime="2025-02-20" data-sort-value="2025-02-20">20 février 2025</time>)</small></span></span>
</li>
</ol></div>
</div>
<div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2></div>
<div class="mw-heading mw-heading3"><h3 id="Liens_externes">Liens externes</h3></div>
<ul><li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/IndexedDB/">Recommandation Candidate sur le site du W3C</a></li>
<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/IndexedDB">Tutoriel complet sur le site MDN de Mozilla</a></li></ul>
<div class="navbox-container" style="clear:both;">
</div>
<ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail de l’informatique</span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail des bases de données</span> </span></li> </ul></div><!--htdig_noindex--><div><div class="zim-footer">
Cet article est issu de <a class="external text" title="Dernière modification le 2025-02-21" href="https://fr.wikipedia.org/wiki/?title=Indexed_Database_API&oldid=223212385">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>